草庐IT

React 组件

全部标签

javascript - 如何从 react-bootstrap 复选框获取值/属性?

我正在尝试使用react-bootstrap复选框(https://react-bootstrap.github.io/components.html#forms-controls),我需要在它改变状态时触发一个事件。能够以编程方式取消/检查它和/或判断它是否被检查也很棒。不幸的是,当代码被转译和呈现时,它会将输入包装在一个div中。如何在dom中找到它并对其进行操作?我的代码看起来类似于:importReact,{PropTypes}from'react';import{Checkbox}from'react-bootstrap';constEditItem=(props)=>{re

javascript - 带有 v-model 的 Vuex 输入不是 react 性的

我尽量解释的通俗易懂。我有这样的东西。简单的Vue根目录、Vuex存储和在导航栏id中使用v-model输入。那个输入不是react性的...为什么?!HTML@{{test}}商店.jsimportVuexfrom'vuex'exportconststore=newVuex.Store({state:{test:'test'},getters:{test(state){returnstate.test}}})Vue根目录import{store}from'./app-store.js'newVue({el:'#navbar',store,computed:{test(){return

javascript - 如何在 React Native iOS 中查看网络信息?

我需要在ReactNativeiOS中检查互联网连接我会尝试以下代码:NetInfo.isConnected.fetch().then(isConnected=>{console.log(isConnected);});可以在reactnativeandroid应用程序中正常工作,但它总是在ReactNativeiOS中返回'false'。 最佳答案 目前在reactnative'sgithub中有一个Unresolved问题.你可以看到那里的讨论,但简而言之-fetch总是返回false,但你可以通过监听连接更改事件来解决它。那里

javascript - 从另一个页面使用 fetch 调用函数返回结果值,React native

我需要从执行提取调用的ReactNative中的另一个页面返回函数的结果。我使用的方法如下。据我所知,这是因为异步调用。有没有一种特殊的方法可以在nativereact中实现这一点?fetchcall.jsimportaddressfrom'../actions/address'constdashboard={getvals(){returnfetch(address.dashboardStats(),{method:"POST",headers:{'Accept':'application/json','Content-Type':'application/json',},body:

javascript - 如何过滤 native react 中的对象数组?

我想将此数据数组过滤为州和城市数组。我如何使用lodash或任何其他更好的方法而不是for循环和维护额外的数组来实现这一点。data:[{id:1,name:Mike,city:philps,state:NewYork},{id:2,name:Steve,city:Square,state:Chicago},{id:3,name:Jhon,city:market,state:NewYork},{id:4,name:philps,city:booket,state:Texas},{id:5,name:smith,city:brookfield,state:Florida},{id:6,n

javascript - react : dynamically add input fields to form

我正在为表单使用formsy-react,我想在触发事件时呈现更多选项,代码如下所示:classMultipleChoiceextendsComponent{constructor(props){super(props);}render(){return();}}我有一个按钮和onClick事件,我想触发一个将另一个附加到divid“dynamicInput”的函数,这可能吗? 最佳答案 是的,我们可以更新组件的底层数据(即state或props)。React如此出色的原因之一是它允许我们专注于我们的数据而不是DOM。假设我们有一个

javascript - 如何在 NPM 上创建和发布 Vuejs 组件

我开始与vue一起工作了很多并开始在我工作的公司的所有项目中使用它。有了这个,我最终创建了一些components,一般autocomplete,我知道有很多,我已经使用了一些,但没有一个能满足我的所有需求。但是,每当我开始处理一个新项目并使用相同的组件时,我要么重新创建它,要么复制并粘贴它。所以我开始怀疑如何创建我的组件,每当我使用它时上传到npmjs,只需给一个npminstall-save...,并且也能够为社区做出一些贡献。 最佳答案 更新随着vue-loader15.x的发布,这个答案将不再有效。请改用这个https://

javascript - 导入 SASS 文件的测试组件时出现语法错误

我正在尝试使用Jest+Enzyme测试我的React组件,但是当我的组件有SASS文件(scss),正在发生SyntaxError。这是我的SASS文件内容:.user-box{width:50px;height:50px;}我只是将其导入到我的组件中:importReactfrom'react';import'./userBox.scss';classMyComponentextendsReact.Component{render(){conststyle={borderRadius:'99px'};return(HelloWorld);}}exportdefaultMyCompo

javascript - 如何在获取请求中传递 POST 参数? - react native

这是我的代码:componentWillMount(){fetch("http://localmachine/localservice/webservice/rest/server.php",{method:'POST',body:JSON.stringify({wstoken:'any_token',wsfunction:'any_function',moodlewsrestformat:'json',username:'user',password:'pass',})}).then((response)=>response.text()).then((responseText)=>

javascript - 提取地址组件的更有效方法

目前,我正在使用以下代码获取国家/地区、邮政编码、地区和副地区:varcountry,postal_code,locality,sublocality;for(i=0;i这是不令人满意的。有没有其他方法可以达到同样的效果? 最佳答案 您可以使用以下函数来提取任何地址部分:functionextractFromAdress(components,type){for(vari=0;i要提取您调用的信息:varpostCode=extractFromAdress(results[0].address_components,"postal_